<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- table -->
    <table border="1" align="center" cellpadding="10" cellspacing="0" width="100" height="100">
    <thead>
        <tr><th>name</th> <th>gender</th> <th>age</th> </tr>
    </thead>
    <tbody>
        <tr> <td>zhangsan</td> <td >M</td>  <td >19</td></tr>
        <tr> <td>xiohua</td>  <td >M</td>  <td >19</td> </tr>
        <tr> <td>zhoasi</td> <td>M</td> <td>10</td> </tr>
    </tbody>
    </table>

    <!-- unordered list -->
    <!-- <li>相当于容器 -->
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

    <!-- ordered list -->
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

    <!-- 自定义列表 -->
    <dl>
        <dt>名词</dt>
        <dd>解释1</dd>
        <dd>解释2</dd>
        <dd>解释3</dd>
    </dl>

    <!-- 表单 -->
    <!-- <form>标签用于定义表单域，以实现用户信息的收集和传递，会把范围内的表单元素信息提交给服务器 -->
    <form name="f1" method="GET" action="demo.php">
        用户名:
        <input type="text" value="请输入用户名" name="usrname" maxlength="8"> <br>

        密码:
        <input type="password" name="pwd" > <br>

        性别:
        <label for="man">男</label>  
        <input type="radio" name="gender" value="男" id="man">  
        <label for="woman">女</label>
        <input type="radio" name="gender" value="女" id="woman"> <br>

        籍贯：
        <select>
            <option></option>
            <option>江苏</option>
            <option>山东</option>
            <option selected="selected">上海</option> <!-- 默认选中 -->
        </select>

        爱好:
        <label for="eat">吃饭</label>
        <input type="checkbox" name="hobby" value="吃饭" checked="checked" id="eat"> 
        <label for="sleep">睡觉</label> 
        <input type="checkbox" name="hobby" value="睡觉" id="sleep"> 
        <label for="beat">打豆豆</label> 
        <input type="checkbox" name="hobby" value="打豆豆" id="beat">  <br>

        简介:
        <textarea>请在此输入</textarea>

        <input type="submit" value="免费注册">
        <input type="reset" value="重新填写">
        <input type="button" value="获取短信验证码">
        上传头像： <input type="file">
    </form>

    


</body>
</html>